<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>沙盘</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>

    <% include ../layout1/layout.ejs%>

    <style type="text/css">
        .allbtn{
            margin-left: 58%;

        }

        .btn1,.btn3,.btn4{

            float: left;
            width: 100px;
            margin-top: 50px;
            height: 34px;
            border-radius: 3px;



        }
        .btn3{
            margin-left: 60px;
        }
        .btn4{
            margin-left: 30px;
        }


        .modal-body input {
            width: 500px;
        }
        .modal-body select{
            width: 500px;
            height: 38px;
            border-style: none;
            border: 1px solid #ccc;
        }
        select{
            width: 140px;
            height: 34px;
            border-style: none;
            border: 1px solid #ccc;
            font-size: 14px;
        }
        #table_my_toast,#paging_my_toast{
            width: 90%;
            margin-left: 5%;
            position: relative;
            margin-top: 60px;
            top: 40px;

        }
        .act-text{position: relative;
            left: -65px;
            font-size: 16px;
            top: 5px;
        }
        .btn1 input{
            width: 140px;
            height: 33px;
            position: relative;
            top: -21px;
            left: 12px;

        }
    </style>
</head>
<body >

<div>
    <div>
        <div class="allbtn">
            <div class="btn-group btn1">
                  <span class="act-text">活动名称:</span>
                  <input type="text" value="" id="activity_find">


            </div>


            <button type="button" class="btn btn-default btn3" id="searchid1">搜索</button>
            <button type="button" class="btn btn-default btn4" id="newact" >新增活动</button>
        </div>


        <div class="role_content" style="padding-top:30px; ">
            <table class="table_list" id="table_my_toast"></table>
            <!-- 分页框 -->
            <div class="page_control" id="paging_my_toast"><ul></ul></div>
        </div>

    </div>



    <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                 aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        修改活动信息
                    </h4>
                </div>
                <div class="modal-body">
                    活动名称<br/>

                    <input type="text" id="textName">
                    <br/>
                    活动时间<br/>

                    <input type="text" placeholder="如2016-01-01"  id="datetimepicker" value="">

                    <br/>
                    组别设置<br/>
                    <input  type="text" placeholder="如6组" id="groupNum">
                    </br>
                    项目执行人员<br/>
                    <input type="text" placeholder="如张三" id="groupLeader">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary" id="btnUpdate">
                        提交更改
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>

    <div class="modal fade" id="myModal1" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close"
                            data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        创建活动任务信息
                    </h4>
                </div>
                <div class="modal-body">
                    活动名称<br/>

                    <input type="text" id="textName1">
                    <br/>
                    活动时间<br/>

                    <input type="text" placeholder="如2016-01-01"  id="datetimepicker1" value="">

                    <br/>
                    组别设置<br/>
                    <input  type="text" placeholder="如6组" id="groupNum1">
                    </br>
                    项目执行人员<br/>
                    <input type="text" placeholder="如张三" id="groupLeader1">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary" id="newbtn">
                        新建活动
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>




    <!--</div>--></div>
</div>
<script>
    $('#datetimepicker').datetimepicker({
        minView: "month", //选择日期后，不会再跳转去选择时分秒
        format: "yyyy-mm-dd", //选择日期后，文本框显示的日期格式
        language: 'zh-CN', //汉化
        autoclose:true //选择日期后自动关闭
    });
    $('#datetimepicker1').datetimepicker({
        minView: "month", //选择日期后，不会再跳转去选择时分秒
        format: "yyyy-mm-dd", //选择日期后，文本框显示的日期格式
        language: 'zh-CN', //汉化
        autoclose:true //选择日期后自动关闭
    });
</script>
</body>
</html>
